<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 1. 顶部-背景图 -->
    <div class="my-header">
        <div class="header">
            <div class="container">
                <!-- 文字信息 -->
                <div class="text-center">
                    <h1 class="title">Bootstrap</h1>
                    <p class='lead'>简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。</p>
                </div>
              
            </div>
        </div>
          <!-- 列表三块区域 -->
          <div class="container">
            <div class="section">
                <div class="row">
                    <div class="col-sm-4 item">
                        <img src="./images/1.png" alt="">
                    </div>
                    <div class="col-sm-4 item">
                        <img src="./images/2.png" alt="">
                    </div>
                    <div class="col-sm-4">
                        <img src="./images/3.png" alt="">
                    </div>
                </div>
            </div>
          </div>
    </div>

    <!-- 2. 内容展示 -->
    <div class="container content">
        <div class="row">
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="thumbnail text-center">
                    <img src="https://www.bootcss.com/assets/img/react.png" alt="...">
                    <div class="caption">
                        <h3>React</h3>
                        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="thumbnail text-center">
                    <img src="https://www.bootcss.com/assets/img/react.png" alt="...">
                    <div class="caption">
                        <h3>React</h3>
                        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="thumbnail  text-center">
                    <img src="https://www.bootcss.com/assets/img/react.png" alt="...">
                    <div class="caption">
                        <h3>React</h3>
                        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="thumbnail text-center">
                    <img src="https://www.bootcss.com/assets/img/react.png" alt="...">
                    <div class="caption">
                        <h3>React</h3>
                        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="thumbnail text-center">
                    <img src="https://www.bootcss.com/assets/img/react.png" alt="...">
                    <div class="caption">
                        <h3>React</h3>
                        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="thumbnail text-center">
                    <img src="https://www.bootcss.com/assets/img/react.png" alt="...">
                    <div class="caption">
                        <h3>React</h3>
                        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="thumbnail text-center">
                    <img src="https://www.bootcss.com/assets/img/react.png" alt="...">
                    <div class="caption">
                        <h3>React</h3>
                        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="thumbnail text-center">
                    <img src="https://www.bootcss.com/assets/img/react.png" alt="...">
                    <div class="caption">
                        <h3>React</h3>
                        <p>React 起源于 Facebook 的内部项目，是一个用于构建用户界面的 JavaScript 库。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>